@charset "utf-8";
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;line-height: 1em;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
html,body{font-size:16px;line-height:1em;color: #666;font-family: "Microsoft Yahei", sans-serif;background: #fff;}
ul,ol,li{list-style:none}
a{color:#666;text-decoration:none;outline: none;}
a:hover{text-decoration:none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease; }
img{border:0;}
em,i,b{font-style: normal;font-weight: normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear{zoom:1;}
.left{float:left;}
.right{float:right;}
.hide{display:none;}
.before, .after{position: relative;display: block;line-height: 1em;}
.before:before, .after:after{position: absolute;display: block;content: "";}
.imgbig{max-width: 100%;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; display: block !important }
.imgbigout:hover .imgbig{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1) }
.imgbigout{display: block; overflow: hidden }
.imgbigout img{display: block;width: 100%;margin: 0 auto;}
input{-webkit-appearance:none;outline: none;background: none;border: none;}
::-webkit-scrollbar {
	width:5px;
	height:5px
}
::-webkit-scrollbar-track {
	border-radius:0;
	background:rgba(255,255,255,0)
}
::-webkit-scrollbar-thumb {
	border-radius:5px;
	background: #3b3b8c;
}
::-webkit-scrollbar-thumb:hover {
	border-radius:5px;
	background: #3b3b8c;
}


/*分页框架*/
.pager-box{margin-top: 70px;text-align: center;}
.pager{display: inline-block;margin: 0 auto;}
.pager span,.pager a{float: left;display:inline-block;width: 30px;height: 30px;margin:0px 2px;color: #666;line-height: 30px;text-align:center;}
.pager .now{color:#fff;background-color: #3b3b8c;}
.pager .current,.pager .p1{display: none;}
.pager .p1:first-child, .pager .current:first-child{background-position: -2px -33px;}
.pager .p1:last-child, .pager .current:last-child{background-position: -34px -33px;}
.pager .p1:hover{background-color: #3b3b8c;}
.pager .p1:first-child:hover{background-position: -2px -1px;}
.pager .p1:last-child:hover{background-position: -34px -1px;}


/* 通用 */
.w1{width: 90%;margin: 0 auto;}
.w2{width: 73%;margin: 0 auto;}
.com-tit{position: relative;font-size: 40px;font-weight: bold;color: #3b3b8c;text-align: center;}
.com-tit:after{position: absolute;bottom: -32px;left: 50%;display: block;content: "";width: 50px;height: 4px;margin-left: -25px;background: #3b3b8c;}
.icon{display: block;background-image: url(img/icons.png);background-repeat: no-repeat;}


.head{position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 9999;transition: all .2s;}
.head .head-top{}
.head-top .head-top-inner{padding: 12px 1.36% 11px 4.43%;}
.head-top .head-logo{float: left;display: block;height: 59px;}
.head-top .head-logo img{display: block;height: 100%;width: auto;}
.head-tool{float: right;margin-top: 8px;}
.head-tool .head-search-btn{float: right;display: block;width: 42px;height: 42px;;margin-left: 50px;border-radius: 50%;background-image: url(img/search-btn.png);background-position: center center;background-repeat: no-repeat;background-color: #0b4da1;}
.head-tool .head-search-btn-close{background-image: url(img/btn-off.png);background-size: 18px 18px;}
.head-tool .head-lang{float: right;}
.head-tool .head-lang a{position: relative;line-height: 42px;color: #333;}
.head-tool .head-lang .lang-cn{margin-right: 20px;}
.head-tool .head-lang .lang-cn:after{position: absolute;top: 50%;right: -11px;display: block;content: "";width: 2px;height: 20px;margin-top: -10px;background: #a0a0a0;}
.head-tool .head-lang .on{color: #3b3b8c;}
.head-top .head-top-search{display: none;padding: 20px 0;background: rgba(59,59,140,.8);}
.head-top .head-top-search .search-form{position: relative;height: 50px;padding-left: 60px;background: #fff;box-sizing: border-box;}
.head-top .search-form .search-submit{position: absolute;top: 0;left: 0;display: block;width: 50px;height: 50px;font-size: 0;background: url(img/search-btn-hover.png) center no-repeat;cursor: pointer;}
.head-top .search-form .search-text{display: block;width: calc( 100% - 60px );height: 50px;font-size: 18px;line-height: 50px;color: #333;}
.head .head-nav{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.head-nav .head-nav-ul{position: relative;}
.head-nav .item{float: left;width: 16.66%;}
.head-nav .item .item-a{position: relative;}
.head-nav .item + .item .item-a:before{position: absolute;top: 50%;left: 0;display: block;content: "";width: 1px;height: 40px;margin-top: -20px;background: #ddd;}
.head-nav .item .item-a{position: relative;;display: block;font-size: 20px;color: #333;text-align: center;line-height: 60px;}
.head-nav .on .item-a, .head-nav .item .item-a:hover{font-weight: bold;color: #3b3b8c;}
.head-nav .subnav{position: absolute;left: 0;top: 100%;width: 100%;height: 600px;display: none;background: #f2f6fa;box-shadow: 0 7px 7px -10px rgba(0,0,0,.25);}
.head-nav .subnav div{opacity: 0;transition: all .7s;}
.head-nav .subnav-show div{opacity: 1;}
.head-nav .subnav .subnav-inner{position: relative;display: flex;justify-content: space-between;width: 85%;margin: 0 auto;padding: 88px 0 0;}
.head-nav .subnav dl{}
.head-nav .subnav dl a{display: block;color: #333;}
.head-nav .subnav dt{margin-bottom: 30px;}
.head-nav .subnav dt a{font-size: 20px;}
.head-nav .subnav dd a{font-size: 18px;line-height: 2.4em;}
.head-nav .subnav dl a:hover{color: #3b3b8c;}
.head-nav .subnav .subnav-bg{position: absolute;right: 0;bottom: 3px;font-size: 200px;line-height: .8em;font-family: "Arial";font-weight: bold;color: rgba(255,255,255,.9);}
.head-on{transform: translateY(-82px);transition: .7s ease;}
.head-h{height: 144px;}

.banner{height: 788px;}
.banner-item{position: relative;background-position: center;background-repeat: no-repeat;}
.banner-item .banner-item-text{position: absolute;left: 5%;width: 90%;text-align: center;}
.banner-item .banner-item-text p{text-align: center;color: #fff;}
.banner-item1 .banner-item-text{top: 27.9%;}
.banner-item1 .txt1{margin-bottom: 1.38em;font-size: 58px;}
.banner-item1 .txt1 .p1{margin-bottom: .73em;font-size: 0.65em;color: #dbdbdb;}
.banner-item1 .txt1 .p2{font-size: 1em;}
.banner-item1 .txt2{font-size: 30px;}
.banner-item1 .txt2 .p1{margin-bottom: 1em;font-size: 0.86em;}
.banner-item1 .txt2 .p2{font-size: 1em;line-height: .8em;text-transform: uppercase;letter-spacing: 10px;}
.banner-item2 .banner-item-text{top: 26.4%;}
.banner-item2 .txt1{margin-bottom: 1.3em;font-size: 64px;}
.banner-item2 .txt1 .p1{margin-bottom: .6em;font-size: 1em;color: #dbdbdb;letter-spacing: 20px;}
.banner-item2 .txt1 .p2{font-size: .4em;letter-spacing: 2px;}
.banner-item2 .txt2{}
.banner-item2 .txt2 .p1{font-size: 16px;line-height: 1.625em;}
.banner .banner-down{position: absolute;bottom: 6%;left: 50%;display: block;width: 36px;height: 58px;margin-left: -18px;border-radius: 36px;border: 2px solid #fff;z-index: 9;box-sizing: border-box;}
.banner .banner-down span{position: absolute;top: 15px;left: 50%;display: block;width: 2px;height: 14px;margin-left: -1px;background: #fff;}
.ani-down{
	animation-delay: 0ms;
	animation-duration: 1500ms;
	animation-iteration-count: infinite;
	animation-name: arrow;
	animation-play-state: running;
	animation-timing-function: linear;
}
@-webkit-keyframes arrow {
	0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
	33% { opacity: 1; }
	66% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); }
}

.i-about{padding: 158px 0 150px;text-align: center;}
.i-about .com-tit{margin-bottom: 1.8em;}
.i-about .i-about-sum{margin-bottom: 92px;}
.i-about .i-about-sum p{line-height: 2em;}
.i-about .i-about-card{display: flex;justify-content: space-between;width: 1130px;margin: 0 auto;}
.i-about-card .card-item{position: relative;width: 100%;padding-top: 60px;}
.i-about-card .card-item + .card-item:before{position: absolute;left: 0;top: 50%;display: block;content: "";width: 1px;height: 56px;margin-top: -28px;background: #e6e6e6;}
.i-about-card .card-item img{position: absolute;display: block;top: 0;left: 50%;transform: translateX(-50%);}
.i-about-card .card-item p{font-size: 26px;color: #3b3b8c;text-align: center;}
.i-product{position: relative;padding: 90px 0 108px;background: #f0f8fc;overflow: hidden;}
.i-product .i-product-bg{}
.i-product .ani-bg{position: absolute;left: 50%;width: 200px;height: 200px;animation: 20s linear 0s infinite normal none running;}
.i-product .ani-bg img{position: absolute;top: 0;left: 0;display: block;max-width: 100%;height: auto;transform: translate(-50%,-50%);}
@keyframes roundAni1{
	0% { opacity: .1; transform:rotate(0deg);}
	33% { opacity: .15; transform:rotate(60deg);}
	66% { opacity: .2; transform:rotate(160deg);}
	100% { opacity: .1; transform:rotate(360deg);}
}
@keyframes roundAni2{
	0% { opacity: .3; transform:rotate(0deg);}
	33% { opacity: .1; transform:rotate(200deg);}
	66% { opacity: .05; transform:rotate(300deg);}
	100% { opacity: .2; transform:rotate(360deg);}
}
@keyframes roundAni3{
	0% { opacity: .1; transform:rotate(0deg);}
	33% { opacity: .3; transform:rotate(100deg);}
	66% { opacity: .2; transform:rotate(220deg);}
	100% { opacity: .1; transform:rotate(360deg);}
}
.i-product .ani-bg1{top: 200px;margin-left: -360px;animation-name: roundAni1;}
.i-product .ani-bg2{top: 350px;margin-left: 380px;animation-name: roundAni2;}
.i-product .ani-bg3{top: 720px;margin-left: -362px;animation-name: roundAni3;}
.i-product .i-product-inner{}
.i-product .com-tit{margin-bottom: 2.95em;}
.i-product .i-product-main{position: relative;}
.i-product .i-product-main .round-box{position: relative;width: 716px;height: 716px;margin: 0 auto;background: url(img/round-bg.png) center no-repeat;}
.i-product .i-product-main .round-box .round-ani{position: absolute;left: 50%;top: 50%;display: block;max-width: 100%;height: auto;margin-top: -277px;margin-left: -277px;}
.ani-img {
	-webkit-animation: rotateAni linear 10s infinite;
	animation: rotateAni linear 10s infinite
}
@keyframes rotateAni {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
    }
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
@-webkit-keyframes rotateAni {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
.i-product .i-product-tabs{}
.i-product-tabs .tabs-item{position: absolute;min-width: 320px;}
.i-product-tabs .tabs-item1{top: 0;left: 50%;margin-top: -36px;margin-left: -36px;}
.i-product-tabs .tabs-item2{top: 15%;left: 86%;}
.i-product-tabs .tabs-item3{top: 51.6%;left: 93.8%;}
.i-product-tabs .tabs-item4{bottom: 12px;left: 69%;}
.i-product-tabs .tabs-item5{bottom: 12px;right: 69%;}
.i-product-tabs .tabs-item6{top: 51.6%;right: 93.8%;}
.i-product-tabs .tabs-item7{top: 15%;right: 86%;}
.i-product-tabs .tabs-item .item-tit{display: inline-block;margin-top: 15px;font-size: 26px;color: #444;font-weight: bold;}
.i-product-tabs .tabs-item .item-tit:after{left: 0;bottom: -18px;width: 26px;height: 1px;background: #bbb;}
.i-product-tabs .tabs-item-left{}
.i-product-tabs .tabs-item-left .item-icon{float: right;margin-left: 18px;}
.i-product-tabs .tabs-item-left .item-tit{float: right;}
.i-product-tabs .tabs-item-left .item-tit:after{right: 0;left: auto;}
.i-product-tabs .tabs-item-right{}
.i-product-tabs .tabs-item-right .item-icon{float: left;margin-right: 18px;}
.i-product-tabs .tabs-item-right .item-tit{}
.i-product-tabs .tabs-item .item-icon{width: 70px;height: 70px;border: 1px solid #3b3b8c;border-radius: 50%;transition: all ease .3s;}
.i-product-tabs .tabs-item1 .item-icon{background-position: -420px 0;}
.i-product-tabs .tabs-item2 .item-icon{background-position: -140px 0;}
.i-product-tabs .tabs-item3 .item-icon{background-position: -210px 0;}
.i-product-tabs .tabs-item4 .item-icon{background-position: -350px 0;}
.i-product-tabs .tabs-item5 .item-icon{background-position: -280px 0;}
.i-product-tabs .tabs-item6 .item-icon{background-position: 0 0;}
.i-product-tabs .tabs-item7 .item-icon{background-position: -70px 0;}
.i-product-tabs .active{}
.i-product-tabs .active .item-tit{color: #3b3b8c;}
.i-product-tabs .active .item-tit:after{background: #3b3b8c;}
.i-product-tabs .active .item-icon{background-position-y: -70px;background-color: #3b3b8c;}
.i-product-container{position: absolute;left: 50%;top: 50%;width: 354px;height: 354px;transform: translate(-50%,-50%);border-radius: 50%;}
.i-product-container .swiper-slide{width: 100%;height: 100%;border-radius: 50%;overflow: hidden;}
.i-product-container img{display: block;width: 100%;height: auto;}
.i-product-container .swiper-slide-active img{transform: scale(1.2);transition: 6s ease;}

.i-tech{position: relative;padding: 80px 0 148px;}
.i-tech .i-tech-bg{position: absolute;top: 0;left: 0;width: 100%;height: 452px;background: url(img/i-tech-bg.png) center repeat;}
.i-tech .i-tech-inner{position: relative;width: 80%;margin: 0 auto;}
.i-tech .com-tit{margin-bottom: 3.45em;color: #fff;}
.i-tech .com-tit:after{background: #fff;}
.i-tech .i-tech-main{display: flex;justify-content: space-between;}
.i-tech-main .item{width: 23.2%;}
.i-tech-main .item .item-img{margin-bottom: 30px;overflow: hidden;transition: all .7s ease;}
.i-tech-main .item .item-img img{display: block;width: 100%;height: auto;transition: all .7s ease;}
.i-tech-main .item .item-tit{text-align: center;}
.i-tech-main .item .item-tit span{display: inline-block;padding-right: 30px;font-size: 26px;color: #444;font-weight: bold;}
.i-tech-main .item .item-tit span:after{top: 50%;right: 0;width: 10px;height: 17px;margin-top: -8px;background: url(img/more1.png) center no-repeat;}
.i-tech-main .item:hover .item-img{margin-bottom: 15px;transform: scale(.96);}
.i-tech-main .item:hover .item-img img{transform: scale(1.2);}
.i-tech-main .item:hover .item-tit span{color: #3b3b8c;}
.i-tech-main .item:hover .item-tit span:after{background-image: url(img/more1-hover.png);}

.i-news{padding: 116px 0 172px;background: #f8f9f9;}
.i-news .i-news-inner{}
.i-news .i-news-main{display: flex;justify-content: space-between;width: 82%;}
.i-news-left{position: relative;}
.i-news-left .com-tit{margin-top: 32px;color: #444;text-align: left;}
.i-news-left .com-tit:after{left: 0;margin-left: 0;}
.i-news-left .more{position: absolute;bottom: 0;left: 0;font-size: 18px;font-family: "Arial";color: #333;border-bottom: 1px solid #333;}
.i-news-left .more:hover{color: #3b3b8c;border-bottom-color: #3b3b8c;}
.i-news-right{width: 904px;}
.i-news-right .item{position: relative;display: block;padding: 20px 0 20px 140px;border-bottom: 1px solid #ddd;transition: all .7s;}
.i-news-right .item span{font-size: 20px;line-height: 1.5em;}
.i-news-right .item .time{position: absolute;top: 20px;left: 0;font-family: "Arial";}
.i-news-right .item .tit{}
.i-news-right .item:hover span{color: #35317c;}
.i-news-right .item:hover{padding-left: 150px;}

.i-contact{padding: 86px 0 54px;background: url(img/i-contact-bg.jpg) center no-repeat;}
.i-contact .i-contact-inner{text-align: center;}
.i-contact .i-contact-tit{margin-bottom: 48px;font-size: 30px;color: #fff;letter-spacing: 2px;}
.i-contact .i-contact-more{position: relative;display: block;width: 268px;margin: 0 auto;border: 1px solid #fff;box-sizing: border-box;overflow: hidden;-webkit-backface-visibility: hidden;}
.i-contact .i-contact-more span{display: block;padding: 1em 0;font-size: 20px;line-height: 1em;color: #fff;text-align: center;}
.i-contact .i-contact-more::before{content: attr(data-text);position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;padding: 1em 0;font-size: 20px;text-align: center;background: #3b3b8c;color: #fff;box-sizing: border-box;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.i-contact .i-contact-more span, .i-contact .i-contact-more::before{
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.i-contact .i-contact-more:hover::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.i-contact .i-contact-more:hover > span {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.foot{}
.foot .foot-main{padding: 56px 0 40px;color: #fff;background: #3b3b8c;}
.foot-main .foot-main-inner{display: flex;justify-content: space-between;}
.foot-main .foot-nav{display: flex;justify-content: space-between;flex-wrap: wrap;width: 34.4%;min-height: 138px;margin-bottom: 20px;}
.foot-main .foot-info{width: 43%;min-width: 700px;}
.foot-main .foot-code{width: 11.4%;margin-top: 13px;}
.foot-main .foot-code img{display: block;max-width: 100%;height: auto;}
.foot-main .foot-nav .item{display: block;width: 44.3%;height: 40px;margin-bottom: 7px;font-size: 16px;line-height: 40px;color: #fff;border-bottom: 1px solid #fff;background: url(img/more2.png) right center no-repeat;box-sizing: border-box;transition: all .7s;}
.foot-main .foot-nav .item:hover{padding-left: 8px;}
.foot-main .foot-info dl{float: left;}
.foot-main .foot-info .row{margin-bottom: 30px;}
.foot-main .foot-info .row:last-child{margin-bottom: 0;}

.foot-main .foot-info .row dl:nth-child(1){float: left;width: 310px;}
.foot-main .foot-info .row dl:nth-child(2){float: right;width: 390px;}
.foot-main .foot-info dt, .foot-main .foot-info dd{line-height: 1.375em;}
.foot-main .foot-info dt{margin-bottom: 4px;}
.foot-main .foot-info dd{font-size: 14px;line-height: 1.5em;}
.foot-main .foot-link{margin-top: 20px;}
.foot-main .foot-link a{color: #fff;}
.foot .foot-bottom{padding: 15px 0;background: #2a2a61;}
.foot .foot-bottom p, .foot .foot-bottom a{color: #fff;line-height: 1.5em;}
.foot .foot-bottom .foot-bottom-left{float: left;}
.foot .foot-bottom .foot-bottom-right{float: right;}

.com-banner{height: 530px;background-position: center;background-repeat: no-repeat;}
.com-banner .com-banner-text{padding-top: 240px;}
.com-banner p{text-align: center;color: #fff;}
.com-banner .tit{margin-bottom: 14px;font-size: 30px;letter-spacing: 1px;}
.com-banner .subtit{font-size: 22px;line-height: .8em;text-transform: uppercase;font-family: "Arial";}
.bread-menu{border-bottom: 1px solid #ddd;}
.bread-menu .bread-menu-inner{display: flex;justify-content: space-between;}
.bread-menu p, .bread-menu a{line-height: 50px;color: #333;}
.bread-menu .bread-link a:last-child{color: #35317c;}
.bread-menu .bread-nav a{margin-left: 50px;}

.about-wrap1{padding: 118px 0 ;}
.about-wrap1 .about-wrap1-inner{}
.about-wrap1 .about-wrap1-img{float: left;width: 41.1%;}
.about-wrap1 .about-wrap1-img img{display: block;width: 100%;height: auto;}
.about-wrap1 .about-wrap1-text{float: right;width: 55.1%;margin-top: -7px;}
.about-wrap1 .about-wrap1-text p{margin-bottom: 3.25em;line-height: 1.875em;color: #333;}
.about-wrap1 .about-wrap1-text p:last-child{margin-bottom: 0;}
.about-wrap2{padding: 100px 0 94px;background: url(img/about-wrap2-bg.jpg) center no-repeat;}
.about-wrap2 .about-wrap2-inner{}
.about-tit{font-size: 44px;}
.about-wrap2 .about-tit{margin-bottom: 1.1em;color: #fff;}
.about-wrap2 .about-main{}
.about-wrap2 .about-wrap2-container{padding-bottom: 80px;}
.about-wrap2 .swiper-slide{border: 3px solid #fff;border-radius: 8px;box-sizing: border-box;overflow: hidden;}
.about-wrap2 .swiper-slide img{display: block;width: 100%;height: auto;}
.about-wrap2 .about-wrap2-btn{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 9;}
.about-wrap2 .about-wrap2-btn .slide-btn{position: absolute;display: block;width: 50px;height: 50px;box-sizing: border-box;border: 1px solid #f5f6f9;background-position: center;background-repeat: no-repeat;-webkit-transition:all 1s cubic-bezier(.19,1,.22,1);
	-moz-transition:all 1s cubic-bezier(.19,1,.22,1);
	-ms-transition:all 1s cubic-bezier(.19,1,.22,1);
	-o-transition:all 1s cubic-bezier(.19,1,.22,1);
	transition:all 1s cubic-bezier(.19,1,.22,1);}
.about-wrap2 .about-wrap2-btn .prev{bottom: 0;left: 0;background-image: url(img/slide-prev.png);}
.about-wrap2 .about-wrap2-btn .next{bottom: 0;right: 0;background-image: url(img/slide-next.png);}
.about-wrap2 .about-wrap2-btn .slide-btn:hover{background-color: #35317c;border-color: #35317c;}
.about-wrap3{padding: 84px 0 130px;}
.about-wrap3 .about-wrap3-inner{}
.about-wrap3 .about-tit{margin-bottom: 1.75em;color: #333;}
.about-wrap3 .about-wrap3-main{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 40px 30px;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.3);}
.about-wrap3 .about-wrap3-main .item{position: relative;width: 25%;height: 172px;box-sizing: border-box;border-right: 1px solid #e6e6e6;}
.about-wrap3 .about-wrap3-main .item:nth-child(4n){border-right: none;}
.about-wrap3 .about-wrap3-main .item:nth-child(-n + 4){border-bottom: 1px solid #e6e6e6;}
.about-wrap3 .about-wrap3-main .item img{position: absolute;display: block;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 50%;height: auto;}

.tech-wrap{padding: 82px 0 180px;}
.tech-wrap .tech-item{position: relative;display: block;margin-bottom: 170px;}
.tech-wrap .tech-item .tech-item-img{}
.tech-wrap .tech-item .tech-item-img img{display: block;width: 100%;height: auto;}
.tech-wrap .tech-item .tech-item-text{position: absolute;bottom: -82px;width: 50%;height: 245px;padding: 50px 58px 0;background: #fff;box-sizing: border-box;}
.tech-wrap .tech-item:nth-child(2n+1) .tech-item-text{right: 0;}
.tech-wrap .tech-item:nth-child(2n) .tech-item-text{left: 0;}
.tech-wrap .tech-item-text .text-con{margin-bottom: 45px;}
.tech-wrap .tech-item-text .text-con .tit{margin-bottom: 0.6em;font-size: 36px;color: #333;}
.tech-wrap .tech-item-text .text-con .sum{font-size: 18px;line-height: 1.67em;}
.tech-wrap .tech-item-text .text-more{display: block;width: 110px;height: 32px;line-height: 32px;color: #fff;text-align: center;background: #35317c;border-radius: 32px;}

.article-list{padding: 78px 0 112px;}
.article-list .article-list-ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.article-list .article-list-ul .item{position: relative;width: 31%;height: 270px;margin-bottom: 3.5%;border-radius: 5px;box-shadow: 0 0 4px rgba(0,0,0,.2);transition: all 0.45s ease;}
.article-list .article-list-ul .item a{display: block;padding: 40px 25px;}
.article-list .article-list-ul .item:last-child:nth-child(3n - 1){margin-right: 34.5%;}
.article-list .item .item-date{margin-bottom: 1.5em;font-size: 20px;font-family: "Arial";color: #999;}
.article-list .item .item-tit{margin-bottom: 2em;font-size: 20px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.article-list .item .item-subtit{font-size: 14px;line-height: 1.8em;color: #808080;height: 76px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.article-list .item::after{position: absolute;bottom: 0;left: 0;display: block;content: "";width: 0;height: 1px;background: #35317c;transition: all 0.45s ease;}
.article-list .item:hover{background: #eff1f5;}
.article-list .item:hover::after{width: 100%;}
.article-list .item:hover .item-tit{color: #35317c;}

.article-read{padding: 56px 0 160px;}
.article-read .article-read-top{position: relative;padding: 20px 0;border-bottom: 1px solid #ddd;}
.article-read-top .article-tit{margin-bottom: 1.75em;font-size: 24px;line-height: 1.5em;color: #333;text-align: center;}
.article-read-top .article-info{text-align: center;}
.article-read-top .article-info span{display: inline-block;margin: 0 35px;color: #808080;}
.com-read .article-read-top .article-tit{margin-bottom: 0;}
.article-read .article-share{position: absolute;right: 0;bottom: 20px;display: flex;justify-content: space-between;width: 170px;height: 45px;}
.article-read .article-share:after{display: none;}
.article-read .article-share a{display: block;width: 45px;height: 45px;margin: 0;padding: 0;border-radius: 50%;background-color: #f1f1f1;background-position: center;background-repeat: no-repeat;}
.article-read .article-share .share1{background-image: url(img/weibo.png);}
.article-read .article-share .share2{background-image: url(img/weixin.png);}
.article-read .article-share .share3{background-image: url(img/kj.png);}
.article-read .article-share .share4{background-image: url(img/share-more.png);}
.article-read .article-read-con{padding: 40px 0;}
.editor-con p{margin-bottom: 1.75em;line-height: 1.75em;color: #808080;}
.editor-con img, .editor-con video, .editor-con iframe{max-width: 100%;height: auto;}
.editor-con{overflow: auto;}
.editor-con table{width: 100% !important;border-collapse: collapse}
.editor-con table td{padding: 10px;}
.product-read2 .editor-con td{border: 1px solid #fff;}

.contact-map{width: 100%;height: 520px;}
.contact-map #map{width: 100%;height: 100%;}
.BMap_pop, .BMap_shadow, .BMap_cpyCtrl, .anchorBL{display: none !important;}
.contact-map .map_msg{padding: 10px 70px;box-sizing:border-box;width:100%;height:100%;}
.contact-map .map_msg b{display:block;font-size:24px;line-height: 1.5em;text-align: center;color: #35317c;}
.contact-map .map_msg p{font-size: 18px;text-align:center;color:#35317c;line-height: 2em;}
.contact-wrap1{padding: 82px 0 30px;background: #fcfcfc;}
.contact-wrap1 .contact-wrap1-main{display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact-wrap1 .contact-wrap1-main dl{position: relative;width: 48%;min-height: 268px;margin-bottom: 4%;padding: 34px 60px;background: #fff;box-sizing: border-box;box-shadow: 0 0 4px rgba(0,0,0,.2);cursor: pointer;}
.contact-wrap1 .contact-wrap1-main dl:before{position: absolute;top: 32px;left: 0;display: block;content: "";width: 3px;height: 30px;background: #35317c;}
.contact-wrap1 dt{margin-bottom: 1em;font-size: 26px;color: #35317c;}
.contact-wrap1 dd{position: relative;margin-bottom: 10px;padding-left: 48px;font-size: 18px;line-height: 30px;color: #333;}
.contact-wrap1 dd .icon{position: absolute;top: 7px;left: 0;display: block;width: 20px;height: 17px;}
.contact-wrap1 dd .icon:after{position: absolute;right: -15px;top: 50%;display: block;content: "";width: 1px;height: 14px;margin-top: -7px;background: #d8d8d8;}
.contact-wrap1 .dd1 .icon{background-position: 0 -167px;}
.contact-wrap1 .dd2 .icon{background-position: -20px -167px;}
.contact-wrap1 .dd3 .icon{background-position: -40px -167px;}
.contact-wrap1 .dd4 .icon{background-position: -60px -167px;}
.contact-wrap1 .contact-wrap1-main .on{background: #35317c;}
.contact-wrap1 .contact-wrap1-main .on:before{background: #fff;}
.contact-wrap1 .on dt{color: #fff;}
.contact-wrap1 .on dd{color: #fff;}
.contact-wrap1 .on dd .icon{background-position-y: -150px;}
.contact-wrap2{padding: 110px 0 260px;background: url(img/contact-wrap2-bg.png) center bottom no-repeat;}
.contact-wrap2 .contact-wrap2-inner{}
.contact-wrap2 .contact-wrap2-tit{margin-bottom: 1.6em;font-size: 44px;color: #333;text-align: center;}
.contact-form{width: 100%;}
.contact-form .row{display: flex;justify-content: space-between;margin-bottom: 30px;}
.contact-form .row .input-box{display: flex;justify-content: space-between;width: 30%;}
.contact-form .row1 .input-box{width: 30%;}
.contact-form .row2 .input-box{width: 100%;}
.contact-form .row input, .contact-form .row textarea{display: block;width: 100%;padding: 0 10px;font-size: 24px;color: #666;border: 1px solid #d6d6d6;outline: none;border-radius: 2px;box-sizing: border-box;}
/*.contact-form .row span{display: block;width: 140px;font-size: 18px;color: #666;line-height: 60px;}*/
.contact-form .row1 input{height: 60px;padding: 15px 10px;font-size: 16px;line-height: 30px;box-sizing: border-box;}
.contact-form .row2 textarea{min-height: 180px;padding: 10px;line-height: 40px;resize: none;}
.contact-form .submit-row{width: 100%;height: 50px;text-align: right;}
.contact-form .submit-row input{display: inline-block;height: 100%;width: 200px;font-size: 20px;color: #fff;background: #35317c;cursor: pointer;}
textarea::-webkit-input-placeholder {
  font-family: "Arial";font-size: 16px;color: #666;
}
textarea:-moz-placeholder {
 font-family: "Arial";font-size: 16px;color: #666;
}
textarea::-moz-placeholder {
 font-family: "Arial";font-size: 16px;color: #666;
}
textarea::-ms-input-placeholder {
 font-family: "Arial";font-size: 16px;color: #666;
}

.product-nav{border-bottom: 1px solid #ddd;}
.product-nav .product-nav-inner{display: flex;justify-content: space-between;}
.product-nav .product-nav-inner .product-nav-item{display: block;padding: 30px 20px;font-size: 20px;color: #333;line-height: 30px;text-align: center;background: ;}
.product-nav .product-nav-inner .on{color: #fff;background: #35317c;}
.product-wrap1{padding: 100px 0 32px;}
.product-wrap1 .product-wrap1-inner{}
.product-wrap1-tit{margin-bottom: 1.1em;color: #333;}
.product-wrap1 .product-wrap1-main{}
.product-wrap1-ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.product-wrap1-ul .item{width: 32%;margin-bottom: 2%;}
.product-wrap1-ul .item:last-child:nth-child(3n - 1){margin-right: 34%;}
.product-wrap1-ul .item .imgtext{font-size: 20px;line-height: 2.65em;text-align: center;color: #333;background: #f2f2f2;}
.product-wrap2{padding: 80px 0 164px;background: #fafafa;box-shadow: 0 0 10px rgba(0,0,0,.3);}
.product-wrap2 .product-wrap2-inner{}
.product-wrap2 .product-wrap2-nav{display: flex;justify-content: space-between;margin-bottom: 34px;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.product-wrap2 .product-wrap2-nav .item{position: relative;display: block;padding: 1em 5px;font-size: 18px;line-height: 1.3;text-align: center;color: #333;box-sizing: border-box;}
.product-wrap2 .product-wrap2-nav3 .item{width: 50%;}
.product-wrap2 .product-wrap2-nav .on{color: #fff;background: #35317d;}
.product-wrap2 .product-wrap2-nav .on:after{position: absolute;bottom: 0;left: 50%;display: block;content: "";width: 0;height: 0;margin-left: -4px;border-bottom: 8px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent;}
.product-wrap2 .product-wrap2-main{width: 100%;padding-bottom: 20px;overflow-x: auto;}
.product-wrap2 .product-wrap2-main .product-table{width: 100%;min-width: 1000px;border-spacing: 1px 0;}
.product-table thead tr{background: #ea9185;}
.product-table thead tr th{padding: 20px 4px;font-size: 16px;line-height: 1.3;color: #fff;background: #ea9185;border-bottom: 1px solid #fff;}
.product-table thead tr th .div-en{display: none;}
.product-table tbody tr{cursor: pointer;}
.product-table tbody tr:nth-child(2n+1){background: #f2f2f2;}
.product-table tbody tr:nth-child(2n){background: #e6e6e6;}
.product-table tbody tr td{padding: 15px 4px;font-size: 14px;line-height: 1.5em;text-align: center;font-family: "Arial";color: #333;}
.product-table tbody tr td p{line-height:  1.5em;}
/*.product-table tbody tr td:last-child span{display: block;width: 20px;height: 20px;margin: 0 auto;background: url(img/download-icon.png) center no-repeat;background-size: 100% 100%;}*/
.scrollbar-x::-webkit-scrollbar { 
	height: 4px;
	background-color: rgba(255,255,255);
} 
.scrollbar-x::-webkit-scrollbar-thumb { 
background-color: #35317d;
} 
.scrollbar-x::-webkit-scrollbar-track { 
-webkit-box-shadow: inset 0 0 2px rgba(255,255,255);
background-color: #fff; 
}
.scrollbar-y{max-height: 1000px;overflow-y: auto;}
.scrollbar-y::-webkit-scrollbar { 
	width: 3px;
	background-color: rgba(217,217,217,0.9);
} 
.scrollbar-y::-webkit-scrollbar-thumb { 
background-color: #35317d;
} 
.scrollbar-y::-webkit-scrollbar-track { 
-webkit-box-shadow: inset 0 0 3px rgba(217,217,217,0.9);
background-color: #fff; 
} 

.product-read-nav{border-bottom: 1px solid #ddd;}
.product-read-nav .product-read-nav-inner{}
.product-read-nav .product-read-nav-inner a{float: left;display: block;min-width: 145px;padding: 30px 20px;font-size: 20px;color: #333;line-height: 30px;text-align: center;}
.product-read-nav .product-read-nav-inner .on{color: #fff;background: #35317c;}
.product-read1{padding-top: 110px;padding-bottom: 106px;background: #fafafa;}
.product-read1 .product-read1-title{margin-bottom: 1.2em;font-size: 40px;line-height: 1.5em;font-weight: bold;color: #35317d;text-align: center;}
.product-read1 .product-read1-main{}
.product-read1 .product-read1-main p{margin-bottom: 1.875em;font-size: 16px;color: #333;line-height: 1.875em;}
.product-read2{padding-top: 90px;padding-bottom: 80px;color: #fff;background: url(img/product-read2-bg.png) repeat;}
.product-read2 .product-read2-title{margin-bottom: 1.9em;font-size: 44px;font-weight: bold;text-align: center;}
.product-read2 .product-read2-main{color: #fff;}
.product-read2 .product-read2-main table td{line-height: 1.5;border-color: rgba(255,255,255,.2);}
.product-read2 .product-read2-main p{margin-bottom: 1.875em;font-size: 16px;line-height: 1.875em;color: #fff;}
.product-read2 .product-read2-main img{max-width: 100%;height: auto;}
.product-read3{padding-top: 95px;padding-bottom: 110px;}
.product-read3 .product-read3-title{margin-bottom: 2em;font-size: 44px;color: #343434;text-align: center;}
.product-read4{padding-top: 90px;padding-bottom: 95px;background: #eee;}
.product-read4 .product-read4-inner{border: 2px solid #dcdcdc;}
.product-read4 .product-read4-title{font-size: 44px;line-height: 2.1em;color: #fff;text-align: center;background: #f29b76;}
.product-read4 .product-read4-main{padding: 32px 80px 32px 68px;background: #fff;}
.product-read4 a{display: block;font-size: 20px;line-height: 1.5em;}
.product-read4 .span1{float: left;padding-left: 36px;background: url(img/file-icon.png) 0 5px no-repeat;}
.product-read4 .span2{float: right;padding-right: 32px;background: url(img/download-icon.png) right 0 top 6px / 20px 20px no-repeat;}
.product-read4 a:hover{color: #3b3b8c;}


.nocontent, .iscontent{padding: 30px 0;font-size: 18px;}
.iscontent b{color: #3b3b8c;font-weight: bold;}
.page-slide{margin-top: 50px;border-top: 1px solid #808080;}
.page-slide a{position: relative;display: block;line-height: 50px;}
.page-slide a:hover{color: #3b3b8c;}
.page-slide a:hover .icon{background-color: #3b3b8c !important;}


/* media css */

@media screen and (min-width: 1921px){
	.banner-item, .i-contact, .com-banner, .about-wrap2{background-size: cover;}
	.contact-wrap2{background-size: 100% auto;}

}
@media screen and (min-width: 769px){
	.head .head-nav{display: block !important;}
	.product-nav .product-nav-inner{display: flex !important;}

}



@media screen and (max-width: 1680px){
	.about-wrap1 .about-wrap1-text p{margin-bottom: 1.5em;}
	.product-nav .product-nav-inner .product-nav-item{font-size: 18px;}
	.product-table tbody tr td:last-child span{width: 22px;height: 22px;background-size: 100% 100%;}
	.tech-wrap .tech-item{margin-bottom: 140px;}
	.tech-wrap .tech-item .tech-item-text{padding: 40px 38px 0;}
}

@media screen and (max-width: 1600px){
	.w1{width: 94%;}
	.w2{width: 76%;}
	.i-about .i-about-card{width: 934px;}
	.i-news .i-news-main{width: 86%;}
	.product-nav .product-nav-inner .product-nav-item{padding: 30px 10px;}
}

@media screen and (max-width: 1440px){
	.banner{height: 650px;}
	.banner-item1 .txt1{font-size: 48px;}
	.banner-item1 .txt2{font-size: 24px;}
	.banner-item2 .txt1{font-size: 52px;}
	.com-tit{font-size: 33px;}
	.about-tit{font-size: 36px;}
	.i-about{padding: 130px 0 124px;}
	.i-tech{padding: 66px 0 122px;}
	.i-news{padding: 95px 0 142px;}
	.about-wrap1{padding: 96px 0;}
	.product-wrap1{padding: 62px 0 32px;}


	.i-product-tabs .tabs-item .item-tit{margin-top: 20px;font-size: 21px;}
	.i-tech .i-tech-bg{height: 350px;}
	.i-tech-main .item .item-tit span{font-size: 21px;}
	.i-contact .i-contact-tit{font-size: 24px;}
	.i-contact .i-contact-more{width: 220px;}

	.foot-main .foot-nav{width: 29%;}
	.foot-main .foot-nav .item{width: 47%;}
	.about-wrap3 .about-wrap3-main{padding: 32px 24px;}

	.product-nav .product-nav-inner .product-nav-item{padding: 20px 8px;font-size: 16px;line-height: 30px;}
	.product-table thead tr th{}
	.product-table tbody tr td{font-size: 16px;}
	.tech-wrap .tech-item-text .text-con .tit{font-size: 28px;}
	.tech-wrap .tech-item-text .text-con .sum{font-size: 16px;}
	
	.article-list .article-list-ul .item{height: 244px;}
	.article-list .item .item-date, .article-list .item .item-tit{font-size: 16px;}
	.contact-wrap1 .contact-wrap1-main dl{padding: 24px 40px;}
	.contact-wrap2 .contact-wrap2-tit{font-size: 36px;}
	
	.head-nav .item .item-a{font-size: 18px;}
	.head-nav .subnav dt{margin-bottom: 45px;}
	.head-nav .subnav dt a{font-size: 18px;}
	.head-nav .subnav dd a{font-size: 16px;}
	.head-nav .subnav .subnav-bg{font-size: 150px;}


}


@media screen and (max-width: 1366px){

	.i-product .i-product-main .round-box{width: 590px;height: 590px;background-size: 100% 100%;}
	.i-product .i-product-main .round-box .round-ani{width: 456px;height: 456px;margin-left: -228px;margin-top: -228px;}
	.i-news-right{width: 740px;}
	.i-news-right .item span{font-size: 16px;}
	.foot-main .foot-nav{width: 25%;}
	.about-wrap1 .about-wrap1-text p{line-height: 1.5em;}


}


@media screen and (max-width: 1280px){
	.w1{width: 94%;}
	.w2{width: 92%;}
	.banner{height: 450px;}
	.banner-item1 .txt1{font-size: 38px;}
	.banner-item1 .txt2{font-size: 20px;}
	.banner-item2 .txt1{font-size: 40px;}
	.com-tit{font-size: 26px;}
	.about-tit{font-size: 28px;}
	.i-about{padding: 104px 0 100px;}
	.i-tech{padding: 66px 0 100px;}
	.i-news{padding: 76px 0 112px;}
	.about-wrap1{padding: 96px 0;}
	.product-wrap1{padding: 62px 0 32px;}
	.head-nav .subnav .subnav-inner{width: 90%;}
	.head-nav .subnav dt a{font-size: 16px;line-height: 1.5em;}
	.i-about .i-about-card{width: 100%;}
	.i-product .i-product-main .round-box{width: 400px;height: 400px;}
	.i-product .i-product-main .round-box .round-ani{width: 308px;height: 308px;margin-left: -154px;margin-top: -154px;}
	.i-product-container{width: 200px;height: 200px;}
	.i-product-tabs .tabs-item .item-icon{transform: scale(.6);margin-right: 0;}
	.i-news .i-news-main{width: 100%;}
	.i-news-right{width: 70%;}
	.foot-main .foot-nav{width: 60%;}
	.foot-main .foot-info{display: none;}
	.banner .banner-down{width: 22px;height: 35px;margin-left: -11px;border-width: 1px;}
	.banner .banner-down span{top: 7px;height: 8px;}
	.i-tech .i-tech-bg{height: 270px;}
	.i-tech-main .item .item-img{margin-bottom: 20px;}
	.i-tech-main .item .item-tit span{font-size: 16px;}
	.about-wrap3 .about-wrap3-main .item{height: 130px;}
	.product-wrap1-ul .item .imgtext{font-size: 16px;}
	.article-read-top .article-tit{margin-bottom: 1em;}
	.article-read .article-share{position: static;margin: 30px auto 0;}
	.product-read-nav .product-read-nav-inner a{min-width: 60px;padding: 10px 5px;font-size: 16px;}
	.product-read1{padding-top: 55px;padding-bottom: 40px;}
	.product-read1 .product-read1-title{margin-bottom: .5em;font-size: 20px;}
	.product-read1 .product-read1-main p{margin-bottom: 1em;font-size: 14px;}
	.product-read2{padding-top: 55px;padding-bottom: 40px;}
	.product-read2 .product-read2-title{margin-bottom: 1.5em;font-size: 20px;}
	.product-read3{padding-top: 55px;padding-bottom: 40px;}
	.product-read3 .product-read3-title{margin-bottom: 1em;font-size: 20px;}
	.product-read4{padding-top: 55px;padding-bottom: 40px;}
	.product-read4 .product-read4-title{font-size: 20px;}
	.product-read4 .product-read4-main{padding: 20px 10px;}
	.product-read4 a{font-size: 14px;}
	.product-read4 span{width: 100%;box-sizing: border-box;}
	.product-read4 .span1{display: block;padding-left: 30px;background-size: 15px 15px;background-position: 0 2px;}
	.product-read4 .span2{display: none;}
	

}



.mshow{display: none;}
.mhide{}

@media screen and (max-width: 768px){
	.mshow{display: block;}
	.mhide{display: none;}

	
	
	.head{box-shadow: 0 0 10px rgba(0,0,0,.1);}
	.head-h{height: 50px;}
	.head-top .head-top-inner{position: relative;padding: 10px 3%;z-index: 9;}
	.head-top .head-logo{height: 30px;}


	.head .head-menu{position: absolute;right: 3%;top: 6px;margin-right: -10px;padding: 10px;}
	.head .head-menu .line{display:block;width:23px;height: 2px;background:#3b3b8c;margin-top:6px;transition: all .3s;}
	.head .head-menu .line:first-child{margin-top:0px;}
	.head .line{display:block;width:32px;height: 3px;background:#3b3b8c;margin-top: 8px;transition: all .3s;}
	.head .line:first-child{margin-top: 0;}
	.is-active:nth-child(1){
	 -webkit-transform: translateY(8px)rotate(45deg);
	  -ms-transform: translateY(8px)rotate(45deg);
	  -o-transform: translateY(8px)rotate(45deg);
	  transform: translateY(8px)rotate(45deg);
	}
	.is-active:nth-child(2){opacity: 0;}
	.is-active:nth-child(3){
	  -webkit-transform: translateY(-8px)rotate(-45deg);
	  -ms-transform: translateY(-8px)rotate(-45deg);
	  -o-transform: translateY(-8px)rotate(-45deg);
	  transform: translateY(-8px)rotate(-45deg);
	}

	.head .head-nav{position: fixed;left: 0;top: 0;display: none;width: 100%;height: 100%;padding-top: 150px;overflow-y: auto;background: #fff;box-sizing: border-box;}
	.head .head-nav .item{float: none;width: 100%;margin: 0;}
	.head .head-nav .item a{display: block;height: auto;padding: 0 8.56%;font-size: 16px;line-height: 3.5em;text-align: center;}

	
	
	.banner{height: auto;}
	.banner-item{background: none;}
	.banner-item img{display: block;width: 100%;height: auto;}
	.banner-item1 .txt1{margin-bottom: .8em;font-size: 30px;}
	.banner-item1 .txt2{font-size: 16px;}

	.banner-item1 .txt1 .p1{font-size: 16px;}
	.banner-item1 .txt1 .p2{font-size: 18px;}
	.banner-item1 .txt2 .p1{font-size: 14px;}
	.banner-item1 .txt2 .p2{font-size: 12px;}

	
	.banner-item2 .txt1{margin-bottom: .8em;}
	.banner-item2 .txt1 .p1{font-size: 18px;letter-spacing: 2px;}
	.banner-item2 .txt2 .p1{font-size: 14px;}
	.banner .banner-down{bottom: 4%;}
	.com-tit{font-size: 18px;}
	.com-tit:after{bottom: -14px;width: 30px;height: 2px;margin-left: -15px;}
	.about-tit{font-size: 22px;}


	.i-about{padding: 52px 0 50px;}



	.i-about .i-about-sum p{font-size: 14px;}
	.i-about .i-about-sum{margin-bottom: 36px;}
	.i-about-card .card-item{padding-top: 34px;}
	.i-about-card .card-item + .card-item:before{height: 40px;margin-top: -20px;}
	.i-about-card .card-item img{width: 20px;height: auto;}
	.i-about-card .card-item p{font-size: 14px;}
	
	.i-product{padding: 50px 0 56px;}
	.i-product .com-tit{margin-bottom: 4em;}
	.i-product .i-product-main .round-box{width: 250px;height: 250px;}
	.i-product .i-product-main .round-box .round-ani{width: 194px;height: 194px;margin-left: -97px;margin-top: -97px;}
	.i-product-container{width: 124px;height: 124px;}

	.i-product-tabs .tabs-item{min-width: 150px;}
	.i-product-tabs .tabs-item .item-icon{transform: scale(.4);}
	.i-product-tabs .tabs-item .item-tit{margin-top: 28px;margin-left: -15px;font-size: 12px;}
	.i-product-tabs .tabs-item .item-tit:after{display: none;}

	.i-product-tabs .tabs-item2{margin-top: -20px;margin-left: -40px;}
	.i-product-tabs .tabs-item3{margin-top: -20px;margin-left: -40px;}
	.i-product-tabs .tabs-item4{bottom: -15px;margin-left: -50px;}
	.i-product-tabs .tabs-item5{bottom: -15px;margin-right: -50px;}
	.i-product-tabs .tabs-item6{margin-top: -20px;margin-right: -40px;}
	.i-product-tabs .tabs-item7{margin-top: -20px;margin-right: -40px;}
	.i-product-tabs .tabs-item-left .item-icon{margin-left: -15px;}
	.i-product-tabs .tabs-item2 .item-tit{margin-top: 55px;margin-left: -64px;}
	.i-product-tabs .tabs-item3 .item-tit{margin-top: 55px;margin-left: -64px;}
	.i-product-tabs .tabs-item6 .item-tit{margin-top: 55px;margin-right: -40px;}
	.i-product-tabs .tabs-item7 .item-tit{margin-top: 55px;margin-right: -40px;}

	.i-tech{padding: 50px 0 70px;}
	.i-tech .i-tech-bg{height: 100%;}
	.i-tech .i-tech-main{flex-wrap: wrap;}
	.i-tech-main .item{width: 48%;margin-bottom: 45px;}
	.i-tech-main .item .item-tit span{color: #fff;}
	.i-tech-main .item .item-tit span:after{background-image: url(img/more1-white.png);}
	.i-tech-main .item:hover .item-tit span{color: #fff;}
	.i-tech-main .item:hover .item-tit span:after{background-image: url(img/more1-white.png);}
	
	.i-news{padding: 50px 0 70px;}
	.i-news .i-news-main{flex-wrap: wrap;}
	.i-news-left{width: 100%;margin-bottom: 30px;}
	.i-news-left .com-tit{margin-top: 0;}
	.i-news-left .more{top: 0;right: 0;bottom: auto;left: auto;font-size: 14px;}
	.i-news-right{width: 100%;}
	.i-news-right .item{padding-left: 0;}
	.i-news-right .item:hover{padding-left: 0;}
	.i-news-right .item .time{position: static;display: block;margin-right: 0;margin-bottom: 6px;font-size: 12px;}
	.i-news-right .item span{display: block;font-size: 14px;}


	.i-contact{padding: 20px 0 32px;}
	.i-contact .i-contact-tit{margin-bottom: 20px;font-size: 16px;line-height: 1.5em;}
	.i-contact .i-contact-more{width: 150px;height: ;}
	.i-contact .i-contact-more span, .i-contact .i-contact-more::before{font-size: 16px;padding: .5em 0;}

	.foot .foot-main{padding: 20px 0;}
	.foot-main .foot-nav .item{font-size: 14px;}
	.foot-main .foot-code{width: 30%;}
	.foot .foot-bottom p, .foot .foot-bottom a{font-size: 12px;text-align: center;}
	.foot .foot-bottom .foot-bottom-right{display: none;}


	.com-banner{height: 300px;}
	.com-banner .com-banner-text{padding-top: 120px;}
	.com-banner .tit{font-size: 18px;}
	.com-banner .subtit{font-size: 14px;}
	
	.bread-menu{padding: 10px 0;}
	.bread-menu p, .bread-menu a{font-size: 12px;line-height: 2em;}
	.bread-menu .bread-link{position: relative;padding-left: 65px;}
	.bread-menu .bread-link .span1{position: absolute;left: 0;top: 0;}

	
	.about-wrap1{padding: 50px 0;}
	.about-wrap1 .about-wrap1-img{float: none;width: 100%;margin-bottom: 30px;}
	.about-wrap1 .about-wrap1-text{float: none;width: 100%;}
	.about-wrap1 .about-wrap1-text p{font-size: 14px;}
	
	.about-wrap2{padding: 60px 0;}
	.about-wrap2 .about-wrap2-container{padding-bottom: 50px;}
	.about-wrap2 .about-wrap2-btn .slide-btn{width: 30px;height: 30px;}
	
	.about-wrap3{padding: 54px 0 70px;}
	.about-wrap3 .about-wrap3-main{padding: 10px;}
	.about-wrap3 .about-wrap3-main .item{height: 80px;}


	.product-nav .product-nav-inner{flex-wrap: wrap;}
	.product-nav .product-nav-inner .product-nav-item{width: 30%;}

	
	.product-nav{position: relative;z-index: 9;width:100%;height:40px;padding: 20px 0;border-bottom: none;}
	.product-nav a{display:block;}
	.now-nav{height: 40px;padding: 0px 15px;font-size:18px;line-height: 40px;color:#fff;background: #3b3b8c;box-sizing:border-box;}
	.now-nav i{float: right;width: 8px;height: 13px;margin-top: 15px;background: url(img/more1-white.png) no-repeat;background-size: 100% 100%;transition: all .6s;}
	.now-nav span{float: right;margin-right: 6px;line-height: 40px;}
	.product-nav .product-nav-inner{position: absolute;left: 4%;top: 60px;padding: 20px;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,.2);display: none;box-sizing: border-box;}
	.product-nav .product-nav-inner .product-nav-item{width:100%;padding: 0;text-align: center;color:#888;height: 50px;line-height: 50px;font-size: 16px;border-bottom:1px solid #f2f2f2;}
	.product-nav .product-nav-inner .on{color:#333;background: #f2f2f2;}
	.rot90{-webkit-transform:rotate(90deg) !important; -ms-transform:rotate(90deg) !important; -o-transform:rotate(90deg) !important;transform:rotate(90deg) !important;}

	.product-wrap1{padding-top: 30px;}
	.product-wrap1-ul .item{width: 49%;margin-right: 0 !important;}
	.product-wrap1-ul .item .imgtext{font-size: 14px;}
	.product-wrap2{padding: 50px 0 60px;}

	.product-wrap2 .product-wrap2-nav .item{padding: .8em 2px;font-size: 14px;line-height: 1.5em;}
	.product-wrap2 .product-wrap2-nav .on:after{border-bottom-width: 4px;}
	.product-wrap2 .product-wrap2-main .product-table{min-width: 800px;}
	.product-table thead tr th{height: 50px;}
	.product-table thead tr th{font-size: 16px;}
	.product-table tbody tr td{font-size: 14px;}
	.nocontent, .iscontent{font-size: 14px;}

	.bread-menu .bread-nav{display: none;}
	.tech-wrap{padding: 50px 0;}
	.tech-wrap .tech-item{margin-bottom: 30px;}
	.tech-wrap .tech-item .tech-item-text{position: static;width: 100%;height: auto;padding: 20px 0;}
	.tech-wrap .tech-item-text .text-con{;margin-bottom: 20px;}
	.tech-wrap .tech-item-text .text-con .tit{font-size: 20px;}
	.tech-wrap .tech-item-text .text-con .sum{font-size: 14px;}
	.tech-wrap .tech-item-text .text-more{width: 80px;height: 28px;font-size: 14px;line-height: 2em;border-radius: 28px;}
	.article-read{padding: 30px 0 50px;}
	.article-list{padding: 50px 0 60px;}
	.article-list .article-list-ul .item{width: 100%;margin-right: 0 !important;}
	.article-read .article-read-top{padding: 10px 0;}
	.article-read-top .article-tit{font-size: 18px;text-align: left;}
	.article-read-top .article-info{display: flex;justify-content: space-between;}
	.article-read-top .article-info span{display: inline-block;margin: 0;font-size: 13px;}
	.article-read .article-share{display: none;}
	.editor-con p{font-size: 14px;}

	.contact-map{height: 300px;}
	.contact-map .BMapLabel{height: auto !important;}
	.contact-map .map_msg{padding: 5px 10px;}
	.contact-map .map_msg b{font-size: 18px;}
	.contact-map .map_msg p{font-size: 14px;}
	.contact-wrap1{padding: 30px 0;}
	.contact-wrap1 .contact-wrap1-main dl{width: 100%;min-height: auto;padding: 24px 20px 20px;}
	.contact-wrap1 dt{font-size: 22px;}
	.contact-wrap1 dd{font-size: 14px;}
	.contact-wrap2{padding: 10px 0 50px;}
	.contact-wrap2 .contact-wrap2-tit{font-size: 24px;}
	.contact-form .row{flex-wrap: wrap;}
	.contact-form .row1{margin-bottom: 0;}
	.contact-form .row1 .input-box{width: 100%;margin-bottom: 20px;}
	.contact-form .row span{width: 50px;font-size: 20px;line-height: 50px;}
	.contact-form .row1 input{height: 50px;line-height: 30px;}
	.contact-form .row input, .contact-form .row textarea{font-size: 20px;}
	.contact-form .submit-row input{width: 100%;}
	.contact-wrap1 dd{padding-left: 40px;}
	.contact-wrap1 dd .icon{transform: scale(.8);}
	.contact-wrap1 dd .icon:after{right: -10px;}

	.page-slide li{float: none;margin-bottom: 10px;}
	.page-slide a{margin-bottom: 10px;line-height: 30px;font-size: 14px;}
}



@media screen and (max-width: 350px){
	.banner-item2 .banner-item-text{top: 20%;}

}